/**
* 活动规则
*/

<template>
	<scroll-view scroll-y class="boxes">

		<view class="record_head ">
			<image :src="ui.arrowIcon_left" mode=""></image>
			<view class="record_title">
				{{title}}
			</view>
			<image :src="ui.arrowIcon_right" mode=""></image>
		</view>
		<view class="rule_box" v-for="(item,index) in rule" :class="'rule-item-'+item.rule">
			{{index+1}} 、{{item.desc}}

		</view>
		<view class="foot">

		</view>



	</scroll-view>

</template>

<script>
	export default {
		name: "rules",
		data() {
			return {
				rule: this.CON.CON.goods.rules,
				title: "课程介绍",
				ui: this.CON.CON.ui
			}
		}


	}
</script>

<style scoped>
	.boxes {
		width: 100vw;
		background-color: white;
		max-height: 50vh;
		min-height: 20vh;
	}

	.rule_box {
		padding: 3px 3vw 0 3vw;


	}

	.rule-item-0 {
		opacity: 0.8;
		
	}
	.rule-item-1 {
		color: red;
		
	}
</style>
